<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../../styles/pages/productList/productList.css" type="text/css">
    <link rel="stylesheet" href="../../styles/common/base.css" type="text/css">
    <link rel="stylesheet" href="../../styles/common/header+footer.css" type="text/css">
</head>

<body>
    <!-- 头部 -->
    <div class="header-box">
            <div class="header">
                <div class="header-nav">
                    <a class="header-logo" href="../home/home.html">
                        <img src="../imgs/21cake-develop/logo.png" alt="logo">
                    </a>
                    <ul class="nav-box">
                        <li><a href="../home/home.html">首页</a></li>
                        <li><a href="../productList/productList.html">蛋糕</a></li>
                        <li><a href="#">面包</a></li>
                        <li><a href="#">冰淇淋</a></li>
                        <li><a href="#">咖啡下午茶</a></li>
                        <li><a href="#">咖啡全国送</a></li>
                        <li><a href="#">企业专区</a></li>
                    </ul>
                    <div class="right-city-user">
                        <a href="" class="header-app" id="APP" data-id="messageList">APP下载</a>
                        <div class="current-city" data-id="current-city"><a>上海</a><i></i></div>
                        <a class="header-message" data-id="messageList"
                            href="//static.21cake.com//message/center.html">消息</a>
                        <span class="not-login" style="display : none"><a href="../login/login.html">登录</a>/
                            <a href="../register/register.html">注册</a>
                        </span>
                        <span class="logined">
                            <a href="" class="header-user" data-id="header-user" style="display: inline;">
                                <img src="../imgs/21cake-develop/user-img.png">
                            </a>
                        </span>
                        <a href="../cart/cart.html" class="header-cart" id="cart-count-icon">
                            <i></i>
                        </a>
                        <ul class="current-city-list  header-select" id="current-city"
                            style="display: none; height: 174px; padding-top: 12px; margin-top: 0px; padding-bottom: 12px; margin-bottom: 0px;">
                            <li><a href="javascript:void(0);" class="city-id-1"
                                    data-json="{&quot;id&quot;:&quot;1&quot;,&quot;name&quot;:&quot;\u4e0a\u6d77&quot;,&quot;region_id&quot;:&quot;22&quot;}"
                                    style="display: none;">上海</a></li>
                            <li><a href="javascript:void(0);" class="city-id-2"
                                    data-json="{&quot;id&quot;:&quot;2&quot;,&quot;name&quot;:&quot;\u5317\u4eac&quot;,&quot;region_id&quot;:&quot;2&quot;}">北京</a>
                            </li>
                            <li><a href="javascript:void(0);" class="city-id-3"
                                    data-json="{&quot;id&quot;:&quot;3&quot;,&quot;name&quot;:&quot;\u5929\u6d25&quot;,&quot;region_id&quot;:&quot;43&quot;}">天津</a>
                            </li>
                            <li><a href="javascript:void(0);" class="city-id-4"
                                    data-json="{&quot;id&quot;:&quot;4&quot;,&quot;name&quot;:&quot;\u676d\u5dde&quot;,&quot;region_id&quot;:&quot;3134&quot;}">杭州</a>
                            </li>
                            <li><a href="javascript:void(0);" class="city-id-5"
                                    data-json="{&quot;id&quot;:&quot;5&quot;,&quot;name&quot;:&quot;\u65e0\u9521&quot;,&quot;region_id&quot;:&quot;1717&quot;}">无锡</a>
                            </li>
                            <li><a href="javascript:void(0);" class="city-id-6"
                                    data-json="{&quot;id&quot;:&quot;6&quot;,&quot;name&quot;:&quot;\u82cf\u5dde&quot;,&quot;region_id&quot;:&quot;1692&quot;}">苏州</a>
                            </li>
                            <li><a href="javascript:void(0);" class="city-id-7"
                                    data-json="{&quot;id&quot;:&quot;7&quot;,&quot;name&quot;:&quot;\u5e7f\u5dde&quot;,&quot;region_id&quot;:&quot;424&quot;}">广州</a>
                            </li>
                            <li><a href="javascript:void(0);" class="city-id-8"
                                    data-json="{&quot;id&quot;:&quot;8&quot;,&quot;name&quot;:&quot;\u6df1\u5733&quot;,&quot;region_id&quot;:&quot;524&quot;}">深圳</a>
                            </li>
                        </ul>
                        <ul class="header-user-list  header-select" id="header-user" style="">
                            <li><a href="//static.21cake.com//member/orders.html" target="_blank">我的订单</a></li>
                            <li><a href="//static.21cake.com//user-coupon_index.do?back_url=L2NvdXBvbi5odG1s"
                                    target="_blank">我的优惠券</a></li>
                            <li><a href="//static.21cake.com//member/date.html" target="_blank">我的纪念日</a></li>
                            <li><a class="quit" target="_self">退出登录</a></li>
                        </ul>
                        <ul class="message-list-header  header-select" id="messageList"
                            style="display: none; height: 54px; padding-top: 12px; margin-top: 0px; padding-bottom: 12px; margin-bottom: 0px;">
                            <li><a href="//static.21cake.com//message/center.html" target="_blank">通知</a></li>
                            <li><a href="//static.21cake.com//message/center.html?#delivery" target="_blank">物流</a></li>
                        </ul>
                        <dl class="app-list  header-select" id="app-list"
                            style="display: none; height: 115px; padding-top: 10px; margin-top: 0px; padding-bottom: 10px; margin-bottom: 0px;">
                            <dt>
                                <img src="../imgs/21cake-develop/footer-erweima.png" alt="下载APP">
                                <!-- <img src="/themes/site/img/app.jpg" alt=""> -->
                            </dt>
                            <dd>下载享更多优惠</dd>
                        </dl>
                    </div>
                </div>
            </div>
    </div>
    <!-- 中间部分 -->
    <div class="content-box" style="min-height : 106px;">
        <!-- <div class="top-load-p" id="list-loading" style="display: none;">加载中……</div> -->
        <div class="pro-list-content">
            <div class="pro-list-filter">
                <dl class="cat-list">
                    <dt>分类：</dt>
                    <dd><a href="javascript:void(0)">全部分类</a></dd>
                    <dd class="active"><a href="javascript:void(0)">蛋糕</a></dd>
                    <dd><a href="javascript:void(0)">冰淇淋</a></dd>
                    <dd><a href="javascript:void(0)">咖啡下午茶</a></dd>
                    <dd><a href="javascript:void(0)">常温蛋糕</a></dd>
                    <dd><a href="javascript:void(0)">设计师礼品</a></dd>
                    <dd><a href="javascript:void(0)">面包</a></dd>
                </dl>
                <dl class="tag-list">
                    <dt>口味：</dt>
                    <dd class="active"><a href="">全部口味</a></dd>
                    <dd><a href="javascript:void(0)">乳脂奶油</a></dd>
                    <dd><a href="javascript:void(0)">慕斯</a></dd>
                    <dd><a href="javascript:void(0)">乳酪</a></dd>
                    <dd><a href="javascript:void(0)">巧克力</a></dd>
                    <dd><a href="javascript:void(0)">坚果</a></dd>
                    <dd><a href="javascript:void(0)">水果</a></dd>
                    <dd><a href="javascript:void(0)">含酒</a></dd>
                    <dd><a href="javascript:void(0)">咖啡</a></dd>
                    <dd><a href="javascript:void(0)">冰淇淋</a></dd>
                </dl>
            </div>
            <div class="pro-list-box">
                <ul class="pro-list-pr">
                        <div class="row" id="view">

                        </div>
                </ul>
            </div>
                    <!-- <li class="list-goods-12">
                        <div class="pro-list-su">
                            <a href="/good-12.html" class="goods-list">
                                <img src="//static.21cake.com//goods/1459337079137.jpg" class="lazy"
                                    style="display:inline" alt="百利甜情人">
                                <h3>百丽甜情人</h3>
                                <span>￥298.00/2.0磅</span>
                            </a>
                            <div class="label-entrance">
                                <a href="/gallery/tag/17.html">情侣 &gt;</a>
                                <a href="/gallery/tag/31.html">人气 &gt;</a>
                                <a href="/gallery/tag/44.html">生日 &gt;</a>
                            </div>
                            <a href="javascript:void(0);" name="pro-list-addcart_12" class="pro-list-addcart"
                                data-id="12">
                                <i></i>加入购物车
                            </a>
                        <div class="label">
                            <img src="/upload/images/a1fb0b12fb9619098684d74904d7d45c.png">
                        </div>
                        </div>
                        <div class="pro-specifications" data-id="12" style="bottom: -100%; display: none;">
                                <h4>￥298.00</h4>
                                <div class="extra-box" hidden="">
                                    <p class="spec-title">商品规格</p>
                                    <ul>
                                        <li>
                                            <a href="javascript:void(0);" data-id="365">1.0磅
                                                <i></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0);" data-id="371">1.5磅
                                                <i></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0);" class="active" data-id="377">2.0磅<i></i></a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0);" data-id="383">3.0磅<i></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0);" data-id="389">5.0磅<i></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <p class="spec-title">商品规格</p>
                                <ul class="normal-spec">
                                    <li><a href="javascript:void(0);" data-id="365">1.0磅<i></i></a></li>
                                    <li><a href="javascript:void(0);" data-id="371">1.5磅<i></i></a></li>
                                    <li><a href="javascript:void(0);" class="active" data-id="377">2.0磅<i></i></a></li>
                                    <li><a href="javascript:void(0);" data-id="383">3.0磅<i></i></a></li>
                                    <li><a href="javascript:void(0);" data-id="389">5.0磅<i></i></a></li>
                                </ul>
                                <div class="buy-button"><button class="pro-buy-now"
                                        name="pro-buy-now_12">立即购买</button><button class="pro-add-cart"
                                        name="pro-add-cart_12">加入购物车</button></div>
                        </div>
                    </li> -->
                    <!-- 模板 -->
                    <script id="modules" type="text/html">
                        <%for ( let j = 0 ; j < module.data.goodsArr[1].goods.length ; j++ ) {%>
                        <li class="list-goods-<%=module.data.goodsArr[1].goods[j].site_goods_id%>">
                                <div class="pro-list-su">
                                    <a href="../detail/detail.html" class="goods-list">
                                        <img src="//static.21cake.com/<%=module.data.goodsArr[1].goods[j].img_url%>" class="lazy"
                                            style="display:inline" alt="<%=module.data.goodsArr[1].goods[j].name%>">
                                        <h3><%=module.data.goodsArr[1].goods[j].name%></h3>
                                        <span>￥<%=module.data.goodsArr[1].goods[j].price%>/<%=module.data.goodsArr[1].goods[j].spec%></span>
                                    </a>
                                    <div class="label-entrance">
                                        
                                        <% for (let i = 0 ;i < module.data.goodsArr[1].goods[j].tags.length ; i++ ){ %>
                                        <a href="//www.21cake.com/gallery/tag/<%=module.data.goodsArr[1].goods[j].tags[i].id%>.html"><%=module.data.goodsArr[1].goods[j].tags[i].content%> &gt;</a>
                                        <% } %>
                                    </div>
                                    <a href="javascript:void(0);" name="pro-list-addcart_<%=module.data.goodsArr[1].goods[j].site_goods_id%>" class="pro-list-addcart"
                                        data-id="<%=module.data.goodsArr[1].goods[j].site_goods_id%>">
                                        <i></i>加入购物车
                                    </a>
                                <div class="label">
                                    <img src="//static.21cake.com/<%=module.data.goodsArr[1].goods[0].label[0].icon%>">
                                </div>
                                </div>
                                <div class="pro-specifications" data-id="<%=module.data.goodsArr[1].goods[j].site_goods_id%>" style="bottom: 0px;">
                                        <h4>￥<%=module.data.goodsArr[1].goods[j].mktprice%></h4>
                                        <p class="spec-title">商品规格</p>
                                        <ul class="normal-spec">
                                            <li><a href="javascript:void(0);" data-id="365">1.0磅<i></i></a></li>
                                            <li><a href="javascript:void(0);" data-id="371">1.5磅<i></i></a></li>
                                            <li><a href="javascript:void(0);" class="active" data-id="377">2.0磅<i></i></a></li>
                                            <li><a href="javascript:void(0);" data-id="383">3.0磅<i></i></a></li>
                                            <li><a href="javascript:void(0);" data-id="389">5.0磅<i></i></a></li>
                                        </ul>
                                        <div class="buy-button"><button class="pro-buy-now"
                                                name="pro-buy-now_<%=module.data.goodsArr[1].goods[j].site_goods_id%>">立即购买</button><button class="pro-add-cart"
                                                name="pro-add-cart_<%=module.data.goodsArr[1].goods[j].site_goods_id%>">加入购物车</button></div>
                                </div>
                            </li>
                            <%}%>
                        </script>
                
            
            <div class="pro-list-empty"></div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <img src="../imgs/21cake-develop/footer-logo.png" alt="" class="footer-logo">
        <div class="footer-nav">
            <a href="//static.21cake.com//doc-about-55.html">联系我们</a>
            <span>|</span>
            <a href="//static.21cake.com//doc-distribution-40.html">订购帮助</a>
            <span>|</span>
            <a href="//static.21cake.com//doc-about-56.html">企业合作</a>
            <span>|</span>
            <a href="//static.21cake.com//doc-about-115.html">生产经营资质</a>
            <span>|</span>
            <a href="//static.21cake.com//article-company.html">公告专区</a>
        </div>

        <div class="footer-icon">
            <a href="http://weibo.com/21cake" target="_blank">
                <img src="../imgs/21cake-develop/footericon-01.png">
            </a>
            <a class="footer-weixin">
                <div class="footer-erweima footer-weixin-erweima" style="display: none;">
                    <img src="../imgs/21cake-develop/erweima.png" style="top: 0px;">
                </div>
                <img src="../imgs/21cake-develop/footericon-02.png">
            </a>
            <a class="footer-app">
                <div class="footer-erweima footer-app-erweima" style="display: none;">
                    <img src="../imgs/21cake-develop/footer-erweima.png" style="top: 0px;">
                </div>
                <!-- <img src="//static.21cake.com/themes/site/img/footericon-03.png"> -->
                APP
            </a>
        </div>

        <div class="footer-text">
            <span>订购专线：400 650 2121（服务时间 08:00–22:00），企业团购热线：021-37768396</span>
            <span>客服电话：021-23099721（全国），kefu@21cake.com（邮箱）</span>
            <span>杭州/广州：提前5小时预订；北京：提前6小时预订；上海：提前5.5-6小时预订；天津/苏州/无锡/深圳：提前8小时预订（部分偏远地区除外，当日22点以后订单，于次日8点开始审核） </span>
            <span>当日蛋糕配送截止下单时间：北京：16:50；上海：16:30；杭州/广州：13:50；天津：10:30；苏州/无锡/深圳：11:00</span>
            <span>网站注册公司名称: 北京廿一客食品有限公司 地址: 北京市北京经济技术开发区兴海二街5号院3号楼 </span>
        </div>

        <div class="footer-copyright">
            <span>Copyright© 21Cake蛋糕官网商城 2007-2018, 版权所有 <a style="color: #9a9a9a" target="_blank"
                    href="http://www.miitbeian.gov.cn/">京ICP备14006254号-1</a></span>
        </div>
    </div>
</body>
<script src="../../static/script/require.js" data-main="productList.js" type="text/javascript" charset="utf-8"></script>
</html>